@model IEnumerable<CrazyToDo.Web.Models.MatterViewModel>
@{
    ViewData["Title"] = "Matter";
}  

@section Script {
      <script src="~/Home/js/Home.js"></script>
}

<div style="overflow:hidden;width:1075px;float:left">
    <div class="My-List" style="overflow-y:scroll;overflow-x:hidden;" id="showMatters">
        @foreach (var item in Model)
        {
            if (item.State == true)
            {
                <div class="input-group" style="height:40px;padding-left:25px;padding-top:15px;">
                    <span class="input-group-addon" style="height:40px;">
                        <input id="check" type="checkbox" checked="checked" onclick="changeStateInMatter(@item.Id)" style="height:22px;width:22px;">
                    </span>
                    
                    <p type="text" id="detailed-information" style="border:1px solid #BCB8B8;width:992px;height:40px;font-size:16px; text-decoration:line-through;float:none;padding-top:11px;" class="form-control" onclick="details(@item.Id)">
                        @item.Content
                    </p>
                    <span class="input-group-addon" style="height:40px; width:50px;float:right;float:none;">
                        <img src="~/Home/img/删除(1).png" class="delete" onclick="DeleteMatterInMatter(@item.Id)" />
                    </span>
                </div>

            }
            else
            {
                <div class="input-group" style="height:40px;padding-left:25px;padding-top:15px;">
                    <span class="input-group-addon" style="height:40px;">
                        <input id="check" type="checkbox" onclick="changeStateInMatter(@item.Id)" style="height:22px;width:22px;">
                    </span>
                    
                    <p type="text" id="detailed-information" style="border:1px solid #BCB8B8;width:992px;height:40px;font-size:16px;float:none;padding-top:11px;" class="form-control" onclick="details(@item.Id)">
                        @item.Content
                    </p>
                    <span class="input-group-addon" style="height:40px; width:50px;float:right; float:none;">
                        <img src="~/Home/img/删除(1).png" class="delete" onclick="DeleteMatterInMatter(@item.Id)" />
                    </span>
                </div>

            }

        }

    </div>
</div>
    <div class="Matter-Detailed-Information" style="background:#fdfdfd" id="details">
        <div><img src="~/Home/img/crazydog.png" style="width:600px;padding-top:30px;padding-left:35px;"/></div>
        <div style="padding-top:60px">
            <div class="panel panel-info" style="width:600px;margin-left:25px;border:none;">
                <div class="panel-heading" style="background:rgb(240, 244, 247);color:black;border:none;">
                    <h3 class="panel-title">事件内容</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" style="width:600px;margin-left:25px;border:none;">
                <div class="panel-heading" style="background:rgb(240, 244, 247);color:black;border:none;">
                    <h3 class="panel-title">创建时间</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" style="width:600px;margin-left:25px;border:none;">
                <div class="panel-heading" style="background:rgb(240, 244, 247);color:black;border:none;">
                    <h3 class="panel-title">过期时间</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
            <div class="panel panel-info" style="width:600px;margin-left:25px;border:none;">
                <div class="panel-heading" style="background:rgb(240, 244, 247);color:black;border:none;">
                    <h3 class="panel-title">事项备注</h3>
                </div>
                <div class="panel-body">
                </div>
            </div>
        </div>

    </div>



